<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="common_header(title,customHead)">
    <base th:href="@{/}">
    <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="expires" th:content="${#dates.createNow()}">

    <title th:text="${title}">首页</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="lib/css/custom/index.css">
    <!--/*/
    <th:block th:replace="${customHead}" />
    /*/-->
</head>
<body th:fragment="common_body(mainBody,tailScript)">

<!--最大的背景-->
<div class="maxbj"></div>
<!--头部-->
<top>
    <section class="seck">
        <div class="dis_add">
            <em style="float:left">送货至：</em>
            <span style="float:left" id="to">河南</span>
            <img src="../lib/image/jt_t.png"
                 style="display:block;width:7px;height:4px; float:left; margin-top:19px; margin-left:3px">
            <div class="hide_add">
                <ul>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">北京</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">上海</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">天津</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">重庆</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">河北</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">山西</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" class="selected" onclick="change(this)">河南</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">辽宁</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">吉林</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">黑龙江</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">内蒙古</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">江苏</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">山东</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">安徽</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">浙江</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">浙江</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">福建</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">湖北</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">湖南</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">广东</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">广西</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">江西</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">四川</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">海南</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">贵州</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">云南</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">西藏</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">陕西</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">甘肃</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">青海</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">宁夏</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">新疆</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">台湾</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">香港</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="change(this)">澳门</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="register_login">
            <em>您好，<span th:text="${session.name}"></span></em>
            <a href="user/login" th:text="${session.name}?'':'会员登录'"></a>
            <a href="user/register">快速注册</a>
        </div>
        <div class="vip_center">
            <a th:href="${session.name}? 'user/index':'#'">会员中心</a>
            <!--<a href="#">商户中心</a>-->
            <a href="#">帮助</a>
        </div>
        <input id="address" type="hidden" th:value="${session.address}">
    </section>
</top>
<!--header-->
<div class="maxbj1">
    <header>
        <h1 class="logo logo-size">
            <a href="/"><img src="../lib/image/logo.png"></a>
        </h1>
        <search>
            <form id="search" action="home/search" method="get">
                <input type="text" placeholder="零食盛宴 满99减50满199减100..." style="height:34px; text-indent:2em; float:left; box-shadow:none">
                <button id="btn">搜索</button>
            </form>
            <script>
                $(function () {
                    $("#btn").click(function () {
                        $("#search").submit();
                    })
                })
            </script>
        </search>
        <div class="sping_car">
            <b></b>
            <a href="home/shopCar"><em>我的购物车</em></a>
        </div>
    </header>
</div>
<div class="container" th:insert="${mainBody}">
</div>
<footer>
    <div class="pc-footer-top">
        <div class="center">
            <ul class="clearfix">
                <li>
                    <span>关于我们</span>
                    <a href="#">关于我们</a>
                    <a href="#">诚聘英才</a>
                    <a href="#">用户服务协议</a>
                    <a href="#">网站服务条款</a>
                    <a href="#">联系我们</a>
                </li>
                <li class="lw">
                    <span>购物指南</span>
                    <a href="#">新手上路</a>
                    <a href="#">订单查询</a>
                    <a href="#">会员介绍</a>
                    <a href="#">网站服务条款</a>
                    <a href="#">帮助中心</a>
                </li>
                <li class="lw">
                    <span>消费者保障</span>
                    <a href="#">人工验货</a>
                    <a href="#">退货退款政策</a>
                    <a href="#">运费补贴卡</a>
                    <a href="#">无忧售后</a>
                    <a href="#">先行赔付</a>
                </li>
                <li class="lw">
                    <span>商务合作</span>
                    <a href="#">人工验货</a>
                    <a href="#">退货退款政策</a>
                    <a href="#">运费补贴卡</a>
                    <a href="#">无忧售后</a>
                    <a href="#">先行赔付</a>
                </li>
                <li class="lss">
                    <span>下载手机版</span>
                    <div class="clearfix lss-pa">
                        <div class="fl lss-img"><img src="../lib/image/code.png" alt=""></div>
                        <div class="fl" style="padding-left:20px; float:left;">
                            <h4>扫描下载云购APP</h4>
                            <p style="font-size:12px; color:#666;">把优惠握在手心</p>
                            <p style="font-size:12px; color:#666;">把潮流带在身边</p>
                            <p></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="pc-footer-lin">
            <div class="center">
                <p>
                    京ICP证1900075号 京ICP备20051110号-5 京公网安备110104734773474323 统一社会信用代码 91113443434371298269B
                    食品流通许可证SP1101435445645645640352397
                </p>
                <p style="padding-bottom:30px">版物经营许可证 新出发京零字第朝160018号 Copyright©2011-2015 版权所有 ZHE800.COM </p>
            </div>
        </div>
    </div>
</footer>
<div class="toolbar">
    <a href="home/shopCar" class="toolbar-item toolbar-item-weixin" style=" position:relative">
        <em style=" position:absolute; display:block; line-height:20px; font-size:12px; color:#f00; top:-20px; left:0"></em>
        <!--<span class="toolbar-layer"></span>-->
    </a>
    <a href="###" class="toolbar-item toolbar-item-feedback"></a>
    <a href="###" class="toolbar-item toolbar-item-app">
        <span class="toolbar-layer"></span>
    </a>
    <a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a>
</div>
<script src="lib/js/jquery/jquery-1.8.3.min.js"></script>
<script src="lib/js/jquery/jquery.fly.min.js"></script>
<script src="lib/js/custom/public.js"></script>
<script src="lib/js/custom/base.js"></script>
<script>
    $(document).ready(function () {
        var address = $("#address").val();
        if (address && address != "XX") {
            $(".hide_add a").each(function () {
                if ($(this).html() == address) {
                    $(".selected").removeAttr("class");
                    $(this).attr("class", "selected");
                }
            })
        }
        $("#to").html($(".selected").html());

    });
    function change(param) {
        $(".hide_add a").each(function () {
            $(".selected").removeAttr("class");
        })
        $(param).attr("class", "selected");
        var adres=$(".selected").html();
        $("#to").html(adres);
        $.post("change",{address:adres},function(result){

        });
    }
</script>
<!-- 原型注释 -->

<!--/*/

<th:block th:replace="${tailScript}" />

/*/-->
</body>
</html>
